import MyNavbar from "../../Share/MyNavbar";
import { Calendar, Button, Checkbox, Stepper } from "antd-mobile";
import "./Shop.css";
import { useNavigate } from "react-router-dom";
function Shop() {
  const navigate = useNavigate()
  return (
    <div>
      <MyNavbar title="购票" />
      <Calendar />
      <h2 style={{ margin: "10px" }}>请选择你的票</h2>
      <div className="shopbox">
        <div className="shopbox1">
          <h3>VIP参观</h3>
          <Checkbox checked={true} className="checkbox" />
        </div>
        <div className="shopbox2">
          <div className="aaa"></div>
          <div className="bbb">
            <h3>手机壳东方海外绥芬河</h3>
            <p>￥897</p>
          </div>
        </div>
        <div className="shopbox3">
          <Stepper min={0} max={5} defaultValue={0} />
        </div>
      </div>
      <Button
      onClick={()=>navigate('/order')}
        style={{
          marginLeft: "290px",
          width: "100px",
          backgroundColor: "orange",
          color: "#fff",
        }}
      >
        继续
      </Button>
    </div>
  );
}

export default Shop;
